<include file="./Application/Home/View/Public/header.html" title="是什么店？You will get a big surprise!!!" keywords="surprise"/>


<div id="main">
    <!--  STEP THREE: insert CU3ER div container *mobanwang.com-->
    <!--
    <div id="cu3er-container">
        <a href="http://www.adobe.com/go/getflashplayer">
            <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
    </div>
    -->
    <div class="device">
        <a class="arrow-left" href="#"></a> 
        <a class="arrow-right" href="#"></a>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"> <img src="__PUBLIC__/images/liwu-1.png"> </div>
                <div class="swiper-slide"> <img src="__PUBLIC__/images/liwu-2.png"> </div>
                <div class="swiper-slide"> <img src="__PUBLIC__/images/liwu-3.png"> </div>
                <div class="swiper-slide"> <img src="__PUBLIC__/images/liwu-4.png"> </div>
                <div class="swiper-slide"> <img src="__PUBLIC__/images/liwu-5.png"> </div>
<!--
                <div class="swiper-slide">
                    <div class="content-slide">
                        <p class="title">为你的礼物选择一个价格</p>
                        <p>选择</p>
                    </div>
                </div>-->

            </div>
        </div>
        <div class="pagination"></div>
    </div>
    <div id="price_form">
        <br/>
        <!--
        <img src="__PUBLIC__/images/minus.png"  id="munus-pic" style="vertical-align:middle;cursor:pointer;" alt="minus" />
        -->
        <!-- 
        input.text{text-align:center;padding:10px 20px;width:100px;}  
        -->
        <input name="price" id="price" class="text" type="text" value="" style="text-align:center;padding:10px 20px;width:100px;" onkeyup="this.value = this.value.replace(/\D/g, '')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
        <!--
        <img src="__PUBLIC__/images/plus.png"  id="plus-pic" style="vertical-align:middle;cursor:pointer;" alt="plus" />
        -->
        <br/><br/>
        <!--<input class="button blue" id="submit-pic" type="button" value="Order" />-->
         <button class="button blue" id="submit-pic">下单</button>
        <!--
        <img src="__PUBLIC__/images/accept.png"  id="submit-pic" style="vertical-align:middle;cursor:pointer;" width="50" height="50" alt="plus" />
        -->
    </div>
</div>

<include file="./Application/Home/View/Public/footer.html"/>
<script src="__PUBLIC__/js/idangerous.swiper.min.js"></script>


<!--  STEP ONE: insert path to SWFObject JavaScript -->
<!--
<script type="text/javascript" src="__PUBLIC__/js/swfobject/swfobject.js"></script>
-->
<!--  STEP TWO: configure SWFObject JavaScript and embed CU3ER slider -->
<!--
<script type="text/javascript">
            var flashvars = {};
            flashvars.xml = "config.xml";
            flashvars.font = "font.swf";
            var attributes = {};
            attributes.wmode = "transparent";
            attributes.id = "slider";
            swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf", flashvars, attributes);
</script>
-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/button.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/slider.css" />
<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.pagination',
        loop: false,
        grabCursor: true,
        paginationClickable: true
    })

    $('.arrow-left').on('click', function(e) {
        /*
        if ($("input[name='price']").val() == 100) {
            e.preventDefault();
            return;
        }
        */
        //minusPrice();
        e.preventDefault();
        mySwiper.swipePrev();
    })

    $('.arrow-right').on('click', function(e) {
        /*
        if ($("input[name='price']").val() == 500) {
            e.preventDefault();
            return;
        }
        */
        e.preventDefault();
        mySwiper.swipeNext();
        //plusPrice();
    })
/*
    function minusPrice() {
        if ($("input[name='price']").val() - 100 <= 0) {
            $("input[name='price']").val(0);
        } else {
            $("input[name='price']").val($("input[name='price']").val() - 100);
        }
    }

    function plusPrice() {
        $("input[name='price']").val(Number($("input[name='price']").val()) + 100);
    }
*/
    $(document).ready(function() {
        $("#menu-item-order").attr("src", "__PUBLIC__/images/menu-item-blue.png");
        
        $("#price").val(100);
        /*
        $('.arrow-left').trigger("click");
        $('.arrow-right').trigger("click");
        */
        /*
         $("#munus-pic").click(function() {
         
         });
         
         $("#plus-pic").click(function() {
         
         });
         */

        $("#submit-pic").click(function() {
            // layer.alert("填寫收貨人信息");
            window.location.href = "__ROOT__/index.php/Home/Order/order-info/";
            /*
             $.layer({
             type: 2,
             shade: [0],
             fix: false,
             title: 'iframe子父操作',
             maxmin: true,
             iframe: {src: 'order-info.html'},
             area: ['800px', '440px'],
             close: function(index) {
             layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#username', index).val(), 3, 1);
             }
             });
             */
            /*
             var pageii = $.layer({
             type: 1,
             title: false,
             area: ['auto', 'auto'],
             border: [0], //去掉默认边框
             shade: [0], //去掉遮罩
             closeBtn: [0, true], //去掉默认关闭按钮
             shift: 'top', //从左动画弹出
             page: {
             html: '<div style="width:920px; height:660px; padding:20px; border:1px solid #ccc; background-color:#eee;">' +
             '<div style="width:850px; height:8px; line-height: 8px;padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-bottom: 2px;">' +
             '填写订单信息' +
             '</div>' +
             '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">' +
             '   <p>发件人信息</p>' +
             '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>' +
             ' </div>' +
             '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">' +
             '   <p>收件人信息</p>' +
             '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>' +
             '</div>' +
             '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">' +
             '   <p>Something about the reciver</p>' +
             '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>' +
             ' </div>' +
             '<div style="width:850px; height:18px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-top: 2px;margin-bottom: 15px;">' +
             '   <button id="pagebtn" class="btns" onclick="">关闭</button>' +
             '</div>' +
             ' </div>'
             }
             });
             
             //自设关闭
             $('#pagebtn').on('click', function() {
             layer.close(pageii);
             });
             */
        });
    });

</script>

